<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />

  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
  <link rel="apple-touch-icon" href="%PUBLIC_URL%/favicon.ico" />
  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

  <meta name="keywords" content="来20陪我聊天" />
  <meta name="description" content="下载 来20陪我聊天" />

  <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" />
  <meta name="theme-color" content="#000000" />

  <title>来20陪我聊天</title>
  <script src="https://jic.talkingdata.com/app/h5/v1?appid=D7815BD73463458A8AD81184584CFE17&vn=20视频社交&vc=1.0.1"></script>
  <script>
    (function () {
      if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
        handleFontSize();
      } else {
        if (document.addEventListener) {
          document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
        } else if (document.attachEvent) {
          document.attachEvent("WeixinJSBridgeReady", handleFontSize);
          document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
        }
      }
      function handleFontSize() {
        // 设置网页字体为默认大小
        WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 });
        // 重写设置网页字体大小的事件
        WeixinJSBridge.on('menu:setfont', function () {
          WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 });
        });
      }
    })();
  </script>
</head>

<body>
  <noscript>You need to enable JavaScript to run this app.</noscript>
  <div id="root"></div>
  <script>
    (function () {
      ; (function rotate() {
        var orientation = window.orientation
        var pd = null
        function createPd() {
          if (document.getElementById('preventTran') === null) {
            var imgData = ''
            pd = document.createElement('div')
            pd.setAttribute('id', 'preventTran')

            pd.style.position = 'fixed'
            pd.style.left = '0'
            pd.style.top = '0'
            pd.style.width = '100%'
            pd.style.height = '100%'
            pd.style.overflow = 'hidden'
            pd.style.backgroundColor = '#2e2e2e'
            pd.style.textAlign = 'center'
            pd.style.zIndex = '99999'
            pd.style.display = 'flex'
            pd.style.flexDirection = 'column'
            pd.style.justifyContent = 'center'
            pd.style.alignItems = 'center'

            document.getElementsByTagName('body')[0].appendChild(pd)
            var img = document.createElement('img')
            img.src = imgData
            pd.appendChild(img)
            img.style.marginBottom = '20px'
            var br = document.createElement('br')
            var p = document.createElement('p')
            p.style.width = '100%'
            p.style.height = 'auto'
            p.style.fontSize = '22px'
            p.style.color = '#626262'
            p.style.lineHeight = '34px'
            p.style.textAlign = 'center'
            p.innerHTML = '为了您的良好体验,请将手机/平板竖屏操作'
            p.appendChild(br)
            p.innerHTML += '為了您的良好體驗,請將手機/平板豎屏操作'
            p.appendChild(br)
            p.innerHTML += 'For your good experience, please operate your phone/tablet vertical screen'
            pd.appendChild(p)
          }
          document.getElementById('preventTran').ontouchstart = event => void (event.preventDefault(), event.stopPropagation())
        }
        if (orientation == 90 || orientation == -90) {
          if (pd == null && document.getElementById('preventTran') === null) createPd()
          document.getElementById('preventTran').style.visibility = 'visible'
        }

        if (window.addEventListener) window.addEventListener('orientationchange', onorientationchange, false);
        else if (window.attachEvent) {
          window.attachEvent('orientationchange', onorientationchange)
          window.attachEvent('orientationchange', onorientationchange)
        }

        function onorientationchange() {
          if (pd == null && document.getElementById('preventTran') == null) createPd()
          document.getElementById('preventTran').style.visibility = 'hidden'
          rotate()
        }
      })()
    })();
  </script>
</body>

</html>